<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html:html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
</head>

<body>

	<html:form action="registroUsuario" method="post">

		<!-- lateral izquierdo -->
		<div style="float: left; width: 25%">&nbsp;</div>
		
		<div style="float: left; width: 50%; border: thin solid #3B5997;">

			<div class="cabeceraDiv">
				<bean:message key="registro.title"/>
			</div>
				
			<div style="padding:10px;">
			
				<%-- En caso de que existan errores, los mostramos --%>
				<jsp:include page="/jsp/common/mensajesError.jsp"></jsp:include>
	
				<%-- En caso de que existan mensajes, los mostramos --%>
				<jsp:include page="/jsp/common/mensajesInfo.jsp"></jsp:include>
				
				<br />
	
				<!-- usuario de acceso -->
				<div class="fieldwrapper">
					<label for="screenName" class="styled"><bean:message key="registro.usuario" />:</label>
					<div class="thefield"> <html:text size="22" property="screenName" />*</div>
				</div>
	
				<!-- nombre -->
				<div class="fieldwrapper">
					<label for="nombre" class="styled"><bean:message key="registro.nombre" />:</label>
					<div class="thefield"> <html:text size="22" property="nombre" />*</div>
				</div>		
				
				<!-- primer apellido -->
				<div class="fieldwrapper">
					<label for="apellido1" class="styled"><bean:message key="registro.apellido1" />:</label>
					<div class="thefield"> <html:text size="22" property="apellido1" />* </div>
				</div>
				
				<!-- segundo apellido -->
				<div class="fieldwrapper">
					<label for="apellido2" class="styled"><bean:message key="registro.apellido2" />:</label>
					<div class="thefield"> <html:text size="22" property="apellido2" />* </div>
				</div>
				
				<!-- empresa -->
				<div class="fieldwrapper">
					<label for="empresa" class="styled"><bean:message key="registro.empresa" />:</label>
					<div class="thefield"> <html:text size="22" property="empresa" /> </div>
				</div>
							
				<!-- contacto -->
				<div class="fieldwrapper">
					<label for="contacto" class="styled"><bean:message key="registro.contacto" />:</label>
					<div class="thefield"> <html:text size="22" property="contacto" /> </div>
				</div>
				
				<!-- telefono -->
				<div class="fieldwrapper">
					<label for="telefono" class="styled"><bean:message key="registro.telefono" />:</label>
					<div class="thefield"> <html:text size="22" property="telefono" /> </div>
				</div>
				
				<!-- email -->
				<div class="fieldwrapper">
					<label for="email" class="styled"><bean:message key="registro.email" />:</label>
					<div class="thefield"> <html:text size="22" property="email" />* </div>
				</div>
				
				<!-- pwd -->
				<div class="fieldwrapper">
					<label for="pwd" class="styled"><bean:message key="registro.pwd" />:</label>
					<div class="thefield"> <html:password maxlength="20" property="pwd" />* </div>
				</div>
							
				<!-- captcha -->
				<table bgcolor="" align="center">
					<tr>
						<td align="center" colspan="2"><img src="captcha.jsp"></td>
					</tr>
					<tr>
						<td align="center"><bean:message key="registro.captcha" /></td>
					<tr>
						<td align="center"><html:text property="captcha" maxlength="6" /></td>
					</tr>
				</table>
				
				<!-- captcha -->
				
				<div style="border: #3B5997 thin solid;">
				
					<div class="cabeceraDiv">
						<bean:message key="terms.title"/>
					</div>
					
					<table  cellspacing="0">
						<tr>
							<td align="justify">
								<p><bean:message key="terms.parrafo1"/></p><br/>
								<p><bean:message key="terms.parrafo2"/></p><br/>
								<p><bean:message key="terms.parrafo3"/></p><br/>
								<p><bean:message key="terms.parrafo4"/></p><br/>
								<p><bean:message key="terms.acepto"/>:&nbsp;<html:checkbox property="terms" /></p>
							</td>
						</tr>
					</table>
				
				</div>
				
				
	
				<p>
					* campos obligatorios
				</p>
					
				<p>
					<html:submit styleClass="boton" value="Aceptar" />
				</p>
			
			</div>	

		</div>
		
		<!-- lateral derecho -->
		<div style="float: left; width: 25%">&nbsp;</div>


	</html:form>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


</body>


</html:html>
